.ykHome {
    .ykHomeTitle {
        font-size: 18px;
        height: 50px;
        display: flex;
        background-color: var(--themeColor);
        justify-content: center;
        align-items: center;
        .title {
            color: white;
        }
    }
    .ykHomeCat {
        display: flex;
        .homeCatItem {
            flex: 1;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .ykHomeList {
        .homeListItem {
            .listItemTitle {
                margin-top: 0.133333rem;
                img {
                    height: 0.8rem; // 37.5 font-size
                }
            }
            .listItemPics {
                overflow: hidden;
                .picItem {
                    float: left;
                    &:nth-child(1) {
                        margin-left: 0.213333rem;
                        height: 5.146667rem;
                        width: 3.093333rem;
                    }
                    &:nth-child(2),
                    &:nth-child(4) {
                        margin-left: 0.2rem;
                        height: 2.506667rem;
                        width: 3.1rem;
                    }
                    &:nth-child(3),
                    &:nth-child(5) {
                        margin-left: 0.2rem;
                        height: 2.506667rem;
                        width: 2.96rem;
                    }
                    &:nth-child(3),
                    &:nth-child(2) {
                        margin-bottom: 0.133333rem;
                    }
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }
}